import React from 'react'
import { BaseListPage ,IBaseListPageState,IBaseListPageProps, columnRenders, UdPage, UdPageHeader, UdTable, UdToolbar, UdFilter, UdModal} from '@/lib';
import { Tabs, Affix, Button, Input, Modal, Upload, Badge, Steps } from 'antd';
import ButtonGroup from 'antd/lib/button/button-group';
import _ from 'lodash';
import './detail.css'

export default class ApplicationFormMonthPin extends BaseListPage<ApplicationFormMonthPinProps, ApplicationFormMonthPinState>{
  modal: any;
    constructor(props){
        super(props)
       this.state = {
        title: "本月动销",
        rowKey: 'id',
        queryApi: 'http://rap2.taobao.org:38080/app/mock/243174/api/ImportExportRecord',
        method:'GET',
        columns: [
            ['序号', 'name'],
            ['商品类别', 'fkTitle'],
            ['物料描述', 'type'],
            ['期初实际库存/件', 'wulname'],
            {
                title: '当前到货/件',
                key: 'state',
                width:100 ,
              },
            {
                title: '当前实物库存/件',
                key: 'state',
                width:100 ,
              },
              {
                title: '经销商间调货/件',
                key: 'state',
                width:100 ,
              },
            ['当前动销/件', 'peij'],
            {
              title: '下月订单计划/件',
              key: 'type',
              width:100,
            },
            ['当前在途订单/件', 'time'],
            ['本月订单/件', 'text'],
        ],
        tableProps:{
            pagination:false
          }

      }
    }

}

interface ApplicationFormMonthPinState extends IBaseListPageState{

}

interface ApplicationFormMonthPinProps extends IBaseListPageProps {
    
}